<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<title>保险智能分析系统</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link rel="stylesheet" href="libs/bootstrap/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="libs/bootstrap/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="libs/bootstrap/build.css">
<script type="text/javascript" src="libs/jquery-1.12.3.min.js"></script>
<script type="text/javascript" src="libs/bootstrap/bootstrap.min.js"></script>
<style>
	body,h3,h4,p,input{margin: 0;padding: 0;font-family: '微软雅黑';}
	a{text-decoration: none;}	
	img{
		border: 0;
	}
	.checkbox-inline, .radio-inline{
		padding-left: 0;
	}
	body{
		width: 100%;
		background-image: url('image/BG.png');
		background-position: center center;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: cover;		
	}
	.navbar{ 
		background: #ffffff; 
		color: #666666; 
		font-weight: normal;
		border-bottom: 1px solid #e7e7e7;
	}
	.navbar-header{
		float:none;
	}
	.navbar h3{
		font-size: 20px;
		font-weight: bold;
		line-height: 50px;
		letter-spacing: 1px;
		text-align: center;
	}
	.navbar h3 span{
		font-weight: normal;
		padding-left: 10px;
		margin-left: 10px;
		border-left: 1px solid #999999;
	}	
	.navbar a{
		color: #747474;
		font-size: 20px;
		position:absolute;
		top:15px;
		left:10px;
	}
	.navbar a:focus,.navbar a:hover{
		text-decoration: none;
	}	
	.con{
		width: 100%;
		overflow-y: auto;
	}
	.con .container{
		width: 90%;
		max-width: 800px;
	}	
	.con .container .title{
		color: #666666;
		font-size: 35px;
		letter-spacing: 2px;
		padding-bottom: 10px;
	}		
	.con .con_div h3{
		color: #6f89a6;
		font-size: 25px;
		padding: 22px 0 25px 50px;
		background: url("image/location_blue.png") no-repeat left center/40px 52px;
	}	
	.con .con_list{
		padding: 0 25% 20px 90px;
		box-sizing: border-box;
	}
	.con .pie_div{
		background: url("image/pie_img.png") no-repeat center right/95px 120px;
	}
	.con .no_padding_right{
		padding-right: 0;
	}
	.con .con_list h4{
		color: #f88f59;
		font-size: 24px;
		padding-bottom: 15px;
	}
	.con .con_list p{
		color: #666;
		font-size: 16px;
		line-height: 26px;
		letter-spacing: 1px;
	}
	.con .ps_con{
		background: #eee;
		padding: 10px 20px;
		color: #f88f59;
		font-size: 16px;
		line-height: 28px;
		margin-left: 50px;
	}
	.con .yellow_div p{
		color: #f88f59;
	}

	.con .btn_div{
		padding-top: 10px;
		text-align: center;
	}
	.con .btn_div a{
		display: inline-block;
		width: 160px;
		color: #fff;
		font-size: 18px;
		height: 42px;
		line-height: 42px;
		margin: 0 auto;
		background: #7189a9;
		border-radius: 25px;
		margin: 0 10px;
	}	
	.foot{
		width: 100%;
		position: fixed;
		left: 0;
		bottom: 70px;
	}
	.foot_con{
		width: 75%;
		margin: 0 auto;
	}
	.flex_div{
		width: 100%;
		display: flex;
		justify-content: space-between;
	}	
	.line_div{
		width: 80px;
		height: 100px;
		background: url('image/line.png') no-repeat center/80px 12px;
	}
	.foot div.Label{
		color: #fba372;
		font-size: 22px;
		width: 92px;
		height: 92px;
		border: 4px solid #fcb38b;
		border-radius: 100px;
		box-sizing: content-box;
	}
	.foot div.Label_active{
		color: #fff;
		background: #f9752b;
	}	
	.foot .Label div{
		width: 92px;
		height: 46px;
		text-align: center;
	}
	.foot .top_p{
	    display: table-cell;
	    text-align: center;
	    vertical-align: bottom;		
	}
	.foot .bottom_p{
		vertical-align: top;
	}
	.end{
		color: #bdbdbd;
		font-size: 16px;
		text-align: center;
		letter-spacing: 2px;
		width: 100%;
		position: fixed;
		left: 0;
		bottom: 15px;
	}
</style>
</head>
<body>
	<nav class="navbar">
		<div class="container">
			<div class="navbar-header">
				<h3 class="text-center">招商银行<span>智能分析</span></h3>
				<a href="javascript:void(0)" onClick="javascript :history.go(-1);"
					class="glyphicon glyphicon-chevron-left"></a>
			</div>
		</div>
	</nav>
	<div class="con">
		<div class="container">
			<p class="text-center title">财务安全诊断结果</p>
			<div class="con_div">
				<h3>首先，您一定要考虑的规划是：</h3>	
				<div class="con_list pie_div">
					<h4>意外风险保障</h4>
					<p>习近平强调，双方要发扬优良传统，坚持平等相待、相互尊重，在涉及彼此核心利益和重大关切问题上相互理解、相互支持，把握两国关系正确发展方向。</p>
				</div>	
				<div class="con_list pie_div">
					<h4>重大疾病风险保障</h4>
					<p>习近平强调，双方要发扬优良传统，坚持平等相待、相互尊重，在涉及彼此核心利益和重大关切问题上相互理解、相互支持，把握两国关系正确发展方向。</p>
				</div>
				<h3>其次，您还需要考虑的是：</h3>	
				<div class="con_list pie_div">
					<h4>养好金的储蓄</h4>
					<p>习近平强调，双方要发扬优良传统，坚持平等相待、相互尊重，在涉及彼此核心利益和重大关切问题上相互理解、相互支持，把握两国关系正确发展方向。</p>
				</div>	
				<div class="con_list pie_div">
					<h4>子女教育基金的储蓄</h4>
					<p>习近平强调，双方要发扬优良传统，坚持平等相待、相互尊重，在涉及彼此核心利益和重大关切问题上相互理解、相互支持，把握两国关系正确发展方向。</p>
				</div>
				<h3>在保证了以上的风险规划和确定的储蓄后，您可以考虑：</h3>	
				<div class="con_list no_padding_right">
					<h4>投资理财</h4>
					<p>习近平强调，双方要发扬优良传统，坚持平等相待、相互尊重，在涉及彼此核心利益和重大关切问题上相互理解</p>
				</div>	
				<div class="con_list no_padding_right">
					<h4>财富传承</h4>
					<p>习近平强调，双方要发扬优良传统，坚持平等相待、相互尊重</p>
				</div>
				<div class="ps_con">习近平强调，双方要发扬优良传统，坚持平等相待、相互尊重，在涉及彼此核心利益和重大关切问题上相互理解、相互支持，把握两国关系正确发展方向。</div>		
				<h3>针对以上您的具体需求，IRA给您建议的方案能够给您带来以下主要利益：</h3>	
				<div class="con_list no_padding_right">
					<p>习近平强调，双方要发扬优良传统，坚持平等相待、相互尊重，在涉及彼此核心利益和重大关切问题上相互理解、相互支持。</p>
				</div>	
				<div class="con_list no_padding_right">
					<p>习近平强调，双方要发扬优良传统，坚持平等相待、相互尊重，在涉及彼此核心利益和重大关切问题上相互理解、相互支持</p>
				</div>
				<div class="con_list no_padding_right">
					<p>习近平强调，双方要发扬优良传统，坚持平等相待、相互尊重，在涉及彼此核心利益和重大关切问题上相互理解、相互支持。</p>
				</div>	
				<div class="con_list no_padding_right">
					<p>习近平强调，双方要发扬优良传统，坚持平等相待、相互尊重，在涉及彼此核心利益和重大关切问题上相互理解、相互支持</p>
				</div>	
				<h3>同时，还能获得以下增值尊享服务：</h3>	
				<div class="con_list no_padding_right">
					<p>习近平强调，双方要发扬优良传统</p>
				</div>	
				<div class="con_list no_padding_right">
					<p>习近平强调，双方要发扬优良传统，坚持平等相待</p>
				</div>
				<h3>以上方案，您需要缴纳的费用为：</h3>	
				<div class="con_list no_padding_right yellow_div">
					<p>30~35岁时，每年15万元</p>
				</div>	
				<div class="con_list no_padding_right yellow_div">
					<p>35~50岁时，每年10万元</p>
				</div>				
			</div>
			<div class="btn_div"><a href="financial_adjust.html">我要调整</a><a href="option_comparison.html">方案比较</a></div>
		</div>
	</div>
    <div class="foot">
    	<div class="foot_con">
    		<div class="flex_div">
		     	<div class="Label">
		   			<div class="top_p">基础</div>
		   			<div class="bottom_p">信息</div>
		   		</div>
		   		<div class="line_div"></div>
		    	<div class="Label">
		   			<div class="top_p">定性</div>
		   			<div class="bottom_p">分析</div>
		   		</div>
		   		<div class="line_div"></div>
		    	<div class="Label">
		   			<div class="top_p">定量</div>
		   			<div class="bottom_p">分析</div>
		   		</div>
		   		<div class="line_div"></div>
		    	<div class="Label Label_active">
		   			<div class="top_p">诊断</div>
		   			<div class="bottom_p">分析</div>
		   		</div>    			
    		</div>
    	</div>
    </div>
    <p class="end">版权归信诚人寿所有</p>
</body>
<script>
	$(function(){
		var _height = $(window).height();
		var give_height = _height-260;
		console.log(give_height);
		$('.con').css('height',give_height+'px');
	});
</script>
</script>
</html>